<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">-->
<link rel="stylesheet" href="../assets/layui/css/layui.css" media="all">
<link rel="stylesheet" href="../assets/css/common.css" media="all">


  <title>新增回复</title>
  <!-- 开发环境版本，包含了有帮助的命令行警告 -->
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div class="page-layout" id="app">
  <div class="page-header">
  <ul class="layui-nav nav-left">
    <li class="layui-nav-item layui-this"><a href="###">控制中心</a></li>
    <li class="layui-nav-item"><a href="###">应用中心</a></li>
    <li class="layui-nav-item"><a href="###">数据中心</a></li>
  </ul>
  <ul class="layui-nav nav-right">
    <li class="layui-nav-item">
      <div class="search-input">
        <input class="layui-input" placeholder="输入关键字搜索" type="text">
      </div>
    </li>
    <li class="layui-nav-item layui-nav-item_icon">
      <a href="#">
        <i><span class="layui-badge-dot"></span><img src="../assets/images/icon_email.png" alt=""></i>
      </a>
    </li>
    <li class="layui-nav-item layui-nav-item_icon">
      <a href="#">
        <i><img src="../assets/images/icon_help.png" alt=""></i>
      </a>
    </li>
    <li class="layui-nav-item layui-nav-item_fgs"></li>
    <li class="layui-nav-item" style="margin-right: 10px">
      <a href="5-扫码主页.html">数码管理</a>
    </li>
    <li class="layui-nav-item layui-nav-item_fgs"></li>
    <li class="layui-nav-item" lay-unselect="">
      <a href="javascript:;"><img src="http://t.cn/RCzsdCq" class="layui-nav-img"><span class="layui-nav-more"></span></a>
      <dl class="layui-nav-child layui-anim layui-anim-upbit">
        <dd><a href="6-账户信息.html">账户信息</a></dd>
        <dd><a href="6-资质管理.html">资质管理</a></dd>
        <dd><a href="javascript:;">通用设置</a></dd>
        <dd><a href="javascript:;">修改密码</a></dd>
        <dd><a href="javascript:;">退出账号</a></dd>
      </dl>
    </li>
  </ul>
</div>
  <div class="page-side">
    <div class="side-left">
        <a class="logo" href="/">
            <img src="../assets/images/logo.png" alt="">
        </a>
        <ul class="layui-nav layui-nav-tree">
            <li data-navid="nav_item01" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_01.png" alt=""></i>系统概况</a></li>
            <li data-navid="nav_item02" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_02.png" alt=""></i>商品管理</a></li>
            <li data-navid="nav_item03" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_07.png" alt=""></i>数码管理</a></li>
            <li data-navid="nav_item04" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_03.png" alt=""></i>商品秀</a></li>
            <li data-navid="nav_item05" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_04.png" alt=""></i>渠道管控</a></li>
            <li data-navid="nav_item06" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_06.png" alt=""></i>防伪管理</a></li>
            <li data-navid="nav_item07" class="layui-nav-item" style="display: none;"></li>

        </ul>
        <div class="side-left_bottom">
            <a class="" href="javascript:;"><i class="side_icon"><img
              src="../assets/images/side_icon_08.png" alt=""></i>系统设置
            </a>
            <div class="side-left_bottom_nav">
                <ul>
                    <li><a href="#"><span>微管家</span></a></li>
                    <li class="active"><a  href="#"><span>帐号权限</span></a></li>
                    <li><a href="#"><span>操作日志</span></a></li>
                </ul>
            </div>
        </div>

    </div>
    <div class="side-right">
        <div id="nav_item02" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="3-品牌列表.html"><span>品牌列表</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="3-分类列表.html"><span>分类列表</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="3-规格列表.html"><span>规格列表</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="3-商品列表.html"><span>商品列表</span></a>
                </li>
            </ul>
        </div>
        <div id="nav_item03" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="5-发码订单.html"><span>发码订单</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-印刷订单.html"><span>印刷订单</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-批次管理.html"><span>批次管理</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码主页.html"><span>扫码主页</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码明细列表.html"><span>扫码明细</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码黑名单列表.html"><span>扫码黑名单</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码设置.html"><span>扫码设置</span></a>
                </li>
            </ul>
        </div>
        <div id="nav_item04" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="4-选择模板.html"><span>商品主页</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="4-编辑模板页.html"><span>模板设置</span></a>
                </li>
            </ul>
        </div>
        <div id="nav_item05" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>客户管理</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="2-客户列表.html"><span>客户列表</span></a></dd>
                        <dd><a href="2.1-客户关系线图.html"><span>关系线图</span></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>授权管理</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="2-授权审核.html"><span>授权审核</span></a></dd>
                        <dd><a href="2-审核设置.html"><span>审核设置</span></a></dd>
                        <dd><a href="2-品牌授权管理.html"><span>品牌授权管理</span></a></dd>
                        <dd><a href="javascript:;"><span>授权证书管理</span></a></dd>
                        <dd><a href="2.1-授权查询.html"><span>授权查询</span></a></dd>
                        <dd><a href="2-授权页面装修.html"><span>授权页面装修</span></a></dd>
                        <dd><a href="javascript:;"><span>授权直达页</span></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>渠道发货</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="2.1-发货管理.html"><span>发货管理</span></a></dd>
                        <dd><a href="2.1-退货记录管理.html"><span>退货管理</span></a></dd>
                        <dd><a href="2.1-仓库管理.html"><span>仓库管理</span></a></dd>
                        <dd><a href="javascript:;"><span>客户库存监控</span></a></dd>
                        <dd><a href="2.1-采集器管理.html"><span>采集器管理</span></a></dd>
                        <dd><a href="2.1-发货设置.html"><span>发货设置</span></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>物流追踪</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="#"><span>窜货监控</span></a></dd>
                        <dd><a href="2.1-物流追踪.html"><span>物流追踪</span></a></dd>
                        <dd><a href="2.1-预警设置.html"><span>预警设置</span></a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div id="nav_item06" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="6-回复管理.html"><span>回复管理</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="6-防伪编辑模板页.html"><span>模板设置</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>基础设置</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="6-模板消息配置.html"><span>模板消息配置</span></a></dd>
                        <dd><a href="6-查询次数.html"><span>查询次数</span></a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div id="nav_item07" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="6-账户信息.html"><span>账户信息</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="6-资质管理.html"><span>资质管理</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="6-修改密码.html"><span>修改密码</span></a>
                </li>
            </ul>
        </div>
    </div>
</div>
  <div class="page-body">
    <div class="page-container">
      <div class="page-title">

        <h2>新增回复</h2>
        <a href="#" onClick="javascript:history.back(-1);"><span>返回</span></a>
      </div>

      <div class="alert-msg">
        <p><i class="icon_tips"></i>设置防伪查询回复内容；您可以针对商品单独设置防伪回复，也可以全部采用通用回复模板，注意回复可修改，但每次编辑后需要重新审核。
        </p>
        <span class="close_alert"></span>
      </div>

      <div class="zpform_block">
        <div class="layui-row">
          <div class="layui-col-xs2 w140">
            <div class="block_title">回复内容</div>
          </div>
          <div class="layui-col-xs10">
            <div class="layui-form zpform">

              <div class="layui-form-item">
                <label class="layui-form-label xin">回复名称</label>
                <div class="layui-input-block">
                  <div class="flexg">
                    <input maxlength="10" type="text" name="title" placeholder="输入回复名称" class="layui-input w380">
                  </div>
                </div>
              </div>
              <div class="layui-form-item layui-form-text">
                <label class="layui-form-label xin">文字回复</label>
                <div class="layui-input-block">
                  <div class="flexg">
                                    <textarea  v-model="replyContent" v-on:input ="inputFunc"  maxlength="200" class="layui-textarea w380" name="content"
                                              lay-verify="content"
                                              id="editor1" placeholder="请输入回复内容" style="resize: none;"></textarea>
                  </div>
                  <div class="mt5 text-muted">请注意新广告法禁用词，如：最、一、级别、稀缺等字眼</div>
                </div>
              </div>
              <div class="layui-form-item layui-form-text">
                <label class="layui-form-label xin">语音回复</label>
                <div class="layui-input-block">
                  <div class="flexg">

                    <button v-if="btnSwitch" type="button" class="layui-btn layui-btn-primary primary_btn disabled_btn" >
                      设置语音回复
                    </button>

                    <button v-else type="button" onclick="yyhfSettin()" class="layui-btn layui-btn-primary primary_btn">
                      设置语音回复
                    </button>

                    <a href="javascript:;" class="play_btn bf_btn ml6 disabled_btn"><img src="../assets/images/play.png"
                                                                            alt=""><span>播放</span></a>
                  </div>
                </div>
              </div>
              <div class="layui-form-item">
                <label class="layui-form-label">适用商品</label>
                <div class="layui-input-block">
                  <div class="table-border mb0 w380">
                    <table lay-skin="line" class="layui-table">
                      <colgroup>
                        <col style="width:220px">
                        <col style="width:60px">
                      </colgroup>
                      <thead class="small_thead">
                      <tr>
                        <th>商品名称</th>
                        <th>操作</th>
                      </tr>
                      </thead>
                      <tbody>
                      <tr>
                        <td>正品普尔茶叶</td>
                        <td><a class="text-blue" href="javascript:;">删除</a></td>
                      </tr>
                      <tr>
                        <td>正品茶叶01</td>
                        <td><a class="text-blue" href="javascript:;">删除</a></td>
                      </tr>
                      </tbody>
                    </table>
                  </div>
                  <div class="flexg mt10">
                    <div>
                      <button type="button" onclick="selectPro()"
                              class="layui-btn layui-btn-primary primary_btn">添加商品
                      </button>
                    </div>
                    <div class="after_word">共适用于2个商品</div>
                  </div>


                </div>
              </div>
              <div class="layui-form-item flex-start">
                <label class="layui-form-label xin">资质证明</label>
                <div class="layui-input-block">
                  <a href="javascript:;">
                    <div class="layui-upload">
                      <div class="layui-upload-list">
                        <div class="upload-img-box">
                          <i class="icon_del"></i>
                          <img src="../assets/images/goods01.jpg" class="layui-upload-img">
                          <div class="mt5 tc fs12 text-title">工商资质01</div>
                        </div>
                        <div class="upload-img-box">
                          <i class="icon_del"></i>
                          <img src="../assets/images/goods01.jpg" class="layui-upload-img">
                          <div class="mt5 tc fs12 text-title">工商资质02</div>
                        </div>
                      </div>
                      <a href="javascript:selectzzPro()">
                        <button type="button" class="addfile_btn"><i></i><span>添加资质</span>
                        </button>
                      </a>
                    </div>
                  </a>
                </div>
              </div>

            </div>
          </div>
        </div>

      </div>
      <!--底部栏按钮-->
      <div class="page-footer">
  <div class="btn-outside">
    <button onclick="" class="layui-btn" style="background-color: #0087f1;">提交审核</button>
    <button class="layui-btn layui-btn-primary">取消</button>
  </div>
</div>
    </div>
  </div>
</div>

<!--设置语音回复-->
<div id="yyhfPopup" class="zp_popup_container">
  <div>
    <div class="alert-msg">
      <p><i class="icon_tips"></i>语音内容已为您准备好，请通过逗号、顿号等方式分隔断句，以达到您想要的语音</p>
      <span class="close_alert"></span>
    </div>
    <div class="bg-black popup-form mt10">
      <div class="layui-form zpform"  style="margin-left: -50px;">
        <div class="layui-form-item">
          <div class="layui-form-label">语音内容</div>
          <div class="layui-input-block">
            <textarea class="layui-textarea" rows="5">您所查询的是广东正品信息科技有限公司生产的某某产品,请放心使用！感谢您一如既往的支持</textarea>
            <div class="yyzh_tab">
              <div class="yyzh_tab_hd">
                <a href="javascript:;" class="active">转换为百度语音</a>
                <a href="javascript:;">转换为阿里语音</a>
                <a href="javascript:;">转换为讯飞语音</a>
              </div>
              <div class="yyzh_tab_bd">

                <div class="content">
                  <div class="flexg">
                    <span>角色：</span> <input type="radio" name="sex" value="男" title="男性声音" checked=""><input type="radio" name="sex" value="女" title="女性声音">
                  </div>
                  <div class="flexg">
                    <span class="left" style="flex-shrink: 0;">语速：</span>
                    <div style="width: 100%;"><div id="slider1" class="demo-slider"></div></div>
                  </div>
                </div>
                <div class="content" style="display: none;">
                  <div class="flexg">
                    <span>角色：</span> <input type="radio" name="sex2" value="男" title="男性声音" checked=""><input type="radio" name="sex2" value="女" title="女性声音">
                  </div>
                  <div class="flexg">
                    <span class="left" style="flex-shrink: 0;">语速：</span>
                    <div style="width: 100%;"><div id="slider2" class="demo-slider"></div></div>
                  </div>
                </div>
                <div class="content" style="display: none;">
                  <div class="flexg">
                    <span>角色：</span> <input type="radio" name="sex3" value="男" title="男性声音" checked=""><input type="radio" name="sex3" value="女" title="女性声音">
                  </div>
                  <div class="flexg">
                    <span class="left" style="flex-shrink: 0;">语速：</span>
                    <div style="width: 100%;"><div id="slider3" class="demo-slider"></div></div>
                  </div>
                </div>

                <div class="yyzh_btns">
                  <a href="javascript:;" class="btn1"><img src="../assets/images/play.png" alt=""> 试听</a>
                  <a href="javascript:;" class="btn2">启用语音</a>
                </div>
              </div>

            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
  <div class="popup-btn"><a class="popbtn0">确定</a><a close-popup class="popbtn1">取消</a></div>
</div>

<!--添加资质弹框-->
<div id="selzzPopup" class="zp_popup_container">
  <div>
    <div class="layui-form zpform">
      <div class="zpform_block mt0" style="padding: 10px 20px;">
        <div class="flexg">
          <span class="before_word">操作</span>
          <a href="6-资质管理.html" target="_Blank" class="layui-btn layui-btn-primary primary_btn"><i
            class="icon_add"></i>新增资质</a>
        </div>
      </div>

      <div class="zpform_block" style="padding: 15px;">
        <dl class="zz_list">
          <dd>
            <ul>
              <li>
                <div class="layui-form">
                  <div class="layui-form-item zz_title">
                    <span>授权资质</span>
                    <input class="ml30" type="checkbox" name="like1[write]" lay-skin="primary"
                           checked="">
                  </div>
                  <div class="layui-form-item">
                    <div class="zz_img"
                         style="background-image: url('../assets/images/zz01.png');"></div>
                  </div>
                </div>
              </li>
              <li>
                <div class="layui-form">
                  <div class="layui-form-item zz_title">
                    <span>授权资质</span>
                    <input type="checkbox" name="like1[write]" lay-skin="primary" checked="">
                  </div>
                  <div class="layui-form-item">
                    <div class="zz_img"
                         style="background-image: url('../assets/images/zz02.png');"></div>
                  </div>
                </div>
              </li>
              <li>
                <div class="layui-form">
                  <div class="layui-form-item zz_title">
                    <span>授权资质</span>
                    <input type="checkbox" name="like1[write]" lay-skin="primary" checked="">
                  </div>
                  <div class="layui-form-item">
                    <div class="zz_img"
                         style="background-image: url('../assets/images/zz02.png');"></div>
                  </div>
                </div>
              </li>
              <li>
                <div class="layui-form">
                  <div class="layui-form-item zz_title">
                    <span>授权资质</span>
                    <input type="checkbox" name="like1[write]" lay-skin="primary" checked="">
                  </div>
                  <div class="layui-form-item">
                    <div class="zz_img"
                         style="background-image: url('../assets/images/zz01.png');"></div>
                  </div>
                </div>
              </li>
              <li>
                <div class="layui-form">
                  <div class="layui-form-item zz_title">
                    <span>授权资质</span>
                    <input type="checkbox" name="like1[write]" lay-skin="primary" checked="">
                  </div>
                  <div class="layui-form-item">
                    <div class="zz_img"
                         style="background-image: url('../assets/images/zz02.png');"></div>
                  </div>
                </div>
              </li>

            </ul>
          </dd>
        </dl>
      </div>

    </div>
  </div>
  <div class="popup-btn"><a class="popbtn0">确定</a><a close-popup class="popbtn1">取消</a></div>
</div>
<!--商品名称模板-->
<script type="text/html" id="spTemplet">
  <div class="tdpro_templet">
    <div class="pro_hd">
      <img src="{{ d.spmc.img }}" alt="">
    </div>
    <div class="pro_bd">
      <div class="p1">{{ d.spmc.title }}</div>
      <div class="p2">{{ d.spmc.stitle }}</div>
    </div>
  </div>
</script>
<!--添加商品弹框-->
<div id="selproPopup" class="zp_popup_container">
  <div>
    <div class="layui-form zpform">
      <div class="bg-gray" style="padding: 10px 20px;border-radius: 8px;">
        <div class="flexg">
          <span class="before_word">筛选</span>
          <div class="input_group">
            <div style="width: 100px;">
              <select name="select5">
                <option value="全部品牌">全部品牌</option>
                <option value="卡姿兰">卡姿兰</option>
                <option value="雅诗兰黛">雅诗兰黛</option>
              </select>
            </div>
            <input placeholder="输入商品名称" class="layui-input w190" type="text">
            <button class="layui-btn layui-btn-primary"><i class="layui-icon layui-icon-search"></i>
            </button>
          </div>
        </div>
      </div>


      <div class="table-border">
        <table class="layui-hide" id="test1"></table>
      </div>
    </div>
  </div>
  <div class="popup-btn"><a class="popbtn0">确定</a><a close-popup class="popbtn1">取消</a></div>
</div>
<script src="../assets/layui/layui.all.js"></script>
<script src="../assets/js/common.js"></script>

<script>
  var element = layui.element;
  var form = layui.form;
  var $ = layui.jquery;
  var table = layui.table;
  var slider = layui.slider;
  /*当前导航位置*/
  currNav(6, 1, 0);

  // 百度语音
  var slider1 = slider.render({
    elem: '#slider1',
    theme: '#969696',
    min: 0,
    max: 15,
    value: 5 //初始值
  });

  // 阿里语音
  var slider2 = slider.render({
    elem: '#slider2',
    theme: '#969696',
    min: -500,
    max: 500,
    value: 0 //初始值
  });

  // 讯飞语音
  var slider3 = slider.render({
    elem: '#slider3',
    theme: '#969696',
    min: 0,
    max: 100,
    value: 50 //初始值
  });

  $('.zh_btn').on('click', function () {
    $('.bf_btn').css({'opacity': '1', 'cursor': 'pointer'});
    $('.zh_btn').css({'opacity': '0.5', 'cursor': 'not-allowed'});
  })

  // 打开语音回复设置
  function yyhfSettin() {
    layer.open({
      title: '设置语音回复',
      skin: 'zp-popup',
      area: '540px',
      type: 1,
      content: $('#yyhfPopup')
    });
  }

  // 打开选择资质弹框
  function selectzzPro() {
    layer.open({
      title: '选择资质',
      skin: 'zp-popup',
      area: ['540px', '500px'],
      type: 2,
      content: ['6-新增资质独立页.html', 'no']
      //content: $('#selzzPopup')
    });
  }

  // 切换语音
  $(document).on('click', '.yyzh_tab_hd a', function () {
    var index = $(this).index();
    $(this).siblings().removeClass('active');
    $(this).addClass('active');
    $(".yyzh_tab_bd .content").hide().eq(index).show();
  });

  // 弹框表格
  var data1 = [
    {
      "spmc": {
        "img": "../assets/images/48x48.jpg",
        "title": "Nike耐克男鞋科比毒液6科比毒液还素质",
        "stitle": "102923"
      },
      "fl": "化妆品",
      "jg": "<b>￥120.00</b>",
    },
    {
      "spmc": {
        "img": "../assets/images/48x48.jpg",
        "title": "Nike耐克男鞋科比毒液6科比毒液还素质",
        "stitle": "102923"
      },
      "fl": "化妆品",
      "jg": "<b>￥120.00</b>",
    },
    {
      "spmc": {
        "img": "../assets/images/48x48.jpg",
        "title": "Nike耐克男鞋科比毒液6科比毒液还素质",
        "stitle": "102923"
      },
      "fl": "化妆品",
      "jg": "<b>￥120.00</b>",
    },
    {
      "spmc": {
        "img": "../assets/images/48x48.jpg",
        "title": "Nike耐克男鞋科比毒液6科比毒液还素质",
        "stitle": "102923"
      },
      "fl": "化妆品",
      "jg": "<b>￥120.00</b>",
    },
    {
      "spmc": {
        "img": "../assets/images/48x48.jpg",
        "title": "Nike耐克男鞋科比毒液6科比毒液还素质",
        "stitle": "102923"
      },
      "fl": "化妆品",
      "jg": "<b>￥120.00</b>",
    }
  ];

  table.render({
    elem: '#test1',
    cellMinWidth: 80,
    height: 316,
    skin: 'line',
    cols: [[
      {type: 'checkbox'},
      {field: 'spmc', width: 270, title: '商品信息', templet: '#spTemplet'},
      {field: 'fl', width: 90, title: '分类'},
      {field: 'jg', width: 90, title: '价格(元)'},
    ]],
    data: data1
  });

  // 打开添加商品弹框
  function selectPro() {
    layer.open({
      title: '选择产品库商品',
      skin: 'zp-popup',
      area: '540px',
      type: 1,
      content: $('#selproPopup')
    });
  }
</script>

<script>
  var app = new Vue({
    el: '#app',
    data: {
      replyContent: "",
      btnSwitch: true
    },
    methods: {
      inputFunc: function () {
        console.log();
        var len = this.replyContent.length;
        if(len>0){
          this.btnSwitch = false;
        }

      }
    }
  })
</script>
</body>
</html>